h1, h2, h3, h4, h5, h6 {
    color: #ffffff;
    margin: 15px 0
}

h1 {
    font: normal 48px "Roboto", Helvetica, sans-serif
}

h2 {
    font: normal 24px "Roboto", Helvetica, sans-serif
}

h3 {
    font: normal 32px "Roboto", Helvetica, sans-serif
}

.brb_wrapper {
    background: #212e3b;
    min-height: 100%;
    padding: 100px 0
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px
}

#brb_form {
    margin: 0px 0 0px 0
}

.brb_form_bottom {
    margin-bottom: 11px
}

#brb_form input[type="text"] {
    width: 100%;
    border: solid 1px #dedbdb;
    padding: 15px 20px 15px 20px;
    font: normal 18px "Roboto", Helvetica, sans-serif;
    outline: 0;
    margin: 0px 0px 0px 0px;
    background: #dedbdb
}

#brb_form textarea {
    width: 100%;
    border: solid 1px #dedbdb;
    padding: 15px 20px 15px 20px;
    font: normal 18px "Roboto", Helvetica, sans-serif;
    outline: 0;
    margin: 4px 0 10px 0;
    background: #dedbdb
}

@media (max-width: 778px) {
    .brb_wrapper {
        padding: 30px 0
    }

    .container {
        padding: 20px
    }

    #brb_form input[type="text"] {
        margin: 0px 0px 4px 0px
    }

    #brb_form textarea {
        margin-bottom: 10px
    }
}

.buttonSquare {
    width: 100%;
    border-radius: 0px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    margin: 0px 0 4px 0;
    padding: 15px 0px 15px 0px;
    border: none;
    font: normal 18px "Roboto", Helvetica, sans-serif;
    color: rgba(255, 255, 255, 0.9);
    text-transform: capitalize;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #686d6e;
    text-shadow: 0 0 0 rgba(239, 245, 247, 1);
    transition: all 0.2s
}

.buttonRounded {
    width: 100%;
    border-radius: 10px;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
    margin: 0px 0 4px 0;
    padding: 15px 0px 15px 0px;
    border: none;
    font: normal 18px "Roboto", Helvetica, sans-serif;
    color: rgba(255, 255, 255, 0.9);
    text-transform: capitalize;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #686d6e;
    text-shadow: 0 0 0 rgba(239, 245, 247, 1);
    transition: all 0.2s
}

.buttonSquare span, .buttonRounded span {
    position: absolute;
    left: 78px;
    top: 20px;
    font: normal 18px "Roboto", Helvetica, sans-serif;
    text-transform: uppercase
}

.buttonSquare i, .buttonRounded i {
    color: white;
    font-size: 32px;
    margin: 0 0 0 17px;
    z-index: 9999;
    position: relative
}

.buttonSquare:hover, .buttonRounded:hover {
    text-shadow: 0 0px 0px rgba(87, 151, 180, 0.36);
    transition: all 0.3s
}

.buttonSquare:active, .buttonSquare:focus, .buttonRounded:active, .buttonRounded:focus {
    top: 0;
    background: #8e9292;
    -webkit-transform-origin: 50% 100% 0;
    -moz-transform-origin: 50% 100% 0;
    -o-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.buttonSquare::before {
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 63px;
    height: 100%;
    position: absolute;
    content: "";
    cursor: pointer;
    top: 0;
    left: 0;
    border: none;
    color: rgba(0, 0, 0, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 48px auto;
    background-size: 48px auto;
    transition: all 0.2s
}

.buttonRounded::before {
    display: inline-block;
    border-radius: 10px 0 0 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 63px;
    height: 100%;
    position: absolute;
    content: "";
    cursor: pointer;
    top: 0;
    left: 0;
    border: none;
    color: rgba(0, 0, 0, 0.9);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 48px auto;
    background-size: 48px auto;
    transition: all 0.2s
}

.darkpink {
    background: #e798ba
}

.darkpink:active, .darkpink:focus {
    background: #edb2cb
}

.lightpink {
    background: #fa6374
}

.lightpink:active, .lightpink:focus {
    background: #fb8a97
}

.darkorange {
    background: #ba6200
}

.darkorange:active, .darkorange:focus {
    background: #cb8940
}

.orangeplus {
    background: #fc7736
}

.orangeplus:active, .orangeplus:focus {
    background: #fd9968
}

.orange {
    background: #d35400
}

.orange:active, .orange:focus {
    background: #de7f40
}

.orangelight {
    background: #f7941d
}

.orangelight:active, .orangelight:focus {
    background: #f9af56
}

.orangelightplus {
    background: #f39c12
}

.orangelightplus:active, .orangelightplus:focus {
    background: #f6b54d
}

.orangeblind {
    background: #f8b243
}

.orangeblind:active, .orangeblind:focus {
    background: #fac572
}

.yellow {
    background: #f3cf3f
}

.yellow:active, .yellow:focus {
    background: #f6db6f
}

.muddygreen {
    background: #9e9a27
}

.muddygreen:active, .muddygreen:focus {
    background: #ada563
}

.muddygreenplus {
    background: #a9baa2
}

.muddygreenplus:active, .muddygreenplus:focus {
    background: #bfcbb9
}

.green {
    background: #01b169
}

.green:active, .green:focus {
    background: #62d995
}

.greenplus {
    background: #16a085
}

.greenplus:active, .greenplus:focus {
    background: #50b8a4
}

.anothergreen {
    background: #52be7f
}

.anothergreen:active, .anothergreen:focus {
    background: #7dce9f
}

.lightgreen {
    background: #82d8b5
}

.lightgreen:active, .lightgreen:focus {
    background: #a1e2c8
}

.lightgreenplus {
    background: #47c9af
}

.lightgreenplus:active, .lightgreenplus:focus {
    background: #75d7c3
}

.lightgreentwoplus {
    background: #5aada2
}

.lightgreentwoplus:active, .lightgreentwoplus:focus {
    background: #83c2b9
}

.darkgreen {
    background: #8ba987
}

.darkgreen:active, .darkgreen:focus {
    background: #bfcbb9
}

.darkgreenplus {
    background: #067a6b
}

.darkgreenplus:active, .darkgreenplus:focus {
    background: #449b90
}

.lightred {
    background: #f26c63
}

.lightred:active, .lightred:focus {
    background: #f5918a
}

.red {
    background: #e74c3c
}

.red:active, .red:focus {
    background: #ed796d
}

.muddyred {
    background: #cc6055
}

.muddyred:active, .muddyred:focus {
    background: #d98880
}

.lime {
    background: #cfe374
}

.lime:active, .lime:focus {
    background: #dbea97
}

.gray {
    background: #5f5e61
}

.gray:active, .gray:focus {
    background: #878689
}

.black {
    background: #2d2e2b
}

.black:active, .black:focus {
    background: #626260
}

.beige {
    background: #b69f76
}

.beige:active, .beige:focus {
    background: #c8b798
}

.beigeplus {
    background: #e39568
}

.beigeplus:active, .beigeplus:focus {
    background: #eab08e
}

.brown {
    background: #9a6362
}

.brown:active, .brown:focus {
    background: #b38a89
}

.brownlight {
    background: #a87878
}

.brownlight:active, .brownlight:focus {
    background: #be9a9a
}

.darkbrown {
    background: #52323a
}

.darkbrown:active, .darkbrown:focus {
    background: #7d656b
}

.darkpurple {
    background: #584c58
}

.darkpurple:active, .darkpurple:focus {
    background: #827982
}

.lightpurple {
    background: #55367a
}

.lightpurple:active, .lightpurple:focus {
    background: #80689b
}

.lightpurpleplus {
    background: #af7ac4
}

.lightpurpleplus:active, .lightpurpleplus:focus {
    background: #c39bd3
}

.purple {
    background: #8e44ad
}

.purple:active, .purple:focus {
    background: #aa73c2
}

.purpleplus {
    background: #ae5e9b
}

.purpleplus:active, .purpleplus:focus {
    background: #c286b4
}

.anotherpurple {
    background: #9c00c5
}

.anotherpurple:active, .anotherpurple:focus {
    background: #b540d4
}

.muddypurple {
    background: #807399
}

.muddypurple:active, .muddypurple:focus {
    background: #a096b3
}

.azure {
    background: #00a2d3
}

.azure:active, .azure:focus {
    background: #40b9de
}

.blue {
    background: #024883
}

.blue:active, .blue:focus {
    background: #4176a2
}

.bluelight {
    background: #80a8cc
}

.bluelight:active, .bluelight:focus {
    background: #a0bed9
}

.bluelightplus {
    background: #6ab1b8
}

.bluelightplus:active, .bluelightplus:focus {
    background: #8fc5ca
}

.blueplus {
    background: #2980b9
}

.blueplus:active, .blueplus:focus {
    background: #5fa0cb
}

.darkblue {
    background: #34495e
}

.darkblue:active, .darkblue:focus {
    background: #677786
}

.darkbluelight {
    background: #484860
}

.darkbluelight:active, .darkbluelight:focus {
    background: #767688
}

.darkbluelightplus {
    background: #60677a
}

.darkbluelightplus:active, .darkbluelightplus:focus {
    background: #888d9b
}

/* title */
.navbar {
    position: relative;
    z-index: 1;
    min-width: 1220px;
    height: 50px;
    line-height: 50px;
    background-color: #2B303B;
    font-size: 16px;
    box-shadow: 0px 1px 3px rgb(0, 0, 0);
}
.navbar ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-left: 25px;
}

.navbar ul > li {
    display: inline-block;
    margin: 0 6px;
}

.navbar img {
    width: 36px;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 3px;
}

.navbar a {
    color: whitesmoke;
}
